/* pages/home/home.wxss */
page {
  background: linear-gradient(to bottom, #FEF7BF, #FFF);
}

@gap: 40rpx;

.pageBody {
  padding: 0 @gap @gap @gap;
  box-sizing: border-box;
}

.headerPic {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: flex-end;
  height: 270rpx;
  margin-bottom: @gap;
}

.rectangle {
  width: 80rpx;
  border-radius: 15rpx;
}

.rectangle3 {
  height: 200rpx;
  background-color: #FFD609;
}

.rectangle2 {
  height: 150rpx;
  background-color: #FFE24E;
}

.rectangle1 {
  height: 100rpx;
  background-color: #FFEB87;
}

// 星星动画
@keyframes jump {

  0%,
  100% {
    transform: translateY(0);
  }

  10% {
    transform: translateY(-20px);
  }

  20% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(-10px);
  }

  40% {
    transform: translateY(0px);
  }
}

.bouncing-element {
  margin-left: 10rpx;
  animation: jump 2s infinite ease-in-out;
}